<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="Cache-Control" content="public" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta name="viewport"
        content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>汽车在线</title>
    <link type="text/css" rel="stylesheet" href="css/global.css" />
    <link type="text/css" rel="stylesheet" href="css/dialog/dialog.css" />
    <link type="text/css" rel="stylesheet" href="css/dialog/dialog.default.css" />
    <style>
        html,
        body {
            overflow: auto;
        }

        #command-list {
            margin-top: 3.5em;
        }

        #command-list dt {
            height: 50px;
            line-height: 50px;
            background-color: #f2f2f2;
            padding-left: 10px;
            font-size: 1.2em;
        }

        #command-list dt i {
            display: inline-block;
            width: 30px;
            height: 30px;
            margin-left: 5px;
            vertical-align: middle;
            background-image: url(images/icon-up.png);
            -webkit-background-size: contain;
            background-size: contain;
        }

        #command-list dt i.icon-down {
            background-image: url(images/icon-down.png)
        }

        #command-list dt,
        #command-list dd {
            border-bottom: 1px solid #ddd;
        }

        #command-list dd a {
            padding: 10px;
            display: block;
        }

        #response {
            padding: 20px;
            display: none;
            word-wrap: break-word;
            word-break: break-all;
            margin-top: 3.5em;
        }

        #waiting-mask {
            background-color: rgba(0, 0, 0, .3);
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: 9999;
            top: 0;
            left: 0;
            display: none;
            font-size: .8em;
        }

        #waiting-mask .msg {
            width: 80%;
            margin: -10px auto;
            position: relative;
            top: 50%;
            background-color: #fff;
            border: 1px solid #ccc;
            padding: 10px;
            text-align: center;
            font-size: 1.2em;
        }

        .placehoderColor {
            color: #999;
        }
    </style>
    <script src="js/lang_cn.js"></script>
    <script src="js/brand/zepto.min.js"></script>
    <script src="js/brand/md5.js"></script>
    <script src="js/brand/highlight.js"></script>
    <script src="js/brand/parseTpl.js"></script>
    <script src="js/brand/gmu.js"></script>
    <script src="js/brand/event.js"></script>
    <script src="js/brand/widget.js"></script>
    <script src="js/brand/zepto.cookie.min.js"></script>
    <script src="js/dialog/dialog.js"></script>
    <script src="js/dialog/$position.js"></script>
    <script src="js/global.js"></script>

</head>

<body>
    <div class="container">
        <div class="header">
            <h3 class="title"><a class="back" href="javascript:history.back();"></a><a class="toolbox hidden"
                    href=""></a>下发指令</h3>
        </div>
        <div id="response"></div>
        <div id="command-list">
            <div class="loading">Loading...</div>
        </div>
        <div id="waiting-mask">
            <div class="msg">指令下发中...</div>
        </div>
    </div>
    </div>
    <script type="text/javascript">
        var CONFIG_LANG = 'cn';
        $.fn.cookie('locale', CONFIG_LANG == 'en' ? 'en-us' : CONFIG_LANG == 'ru' ? 'ru' : CONFIG_LANG == 'tw' ? 'zh-tw' : 'zh-cn', { path: '/' });
    </script>
    <script src="js/cmd_set.js"></script>
    <script src="js/command.js"></script>
    <script type="text/javascript">
        command.load();
    </script>
</body>

</html>